<ion-view id="category" view-title="商品分类" hide-back-button="true" cache-view="false">
  <ion-content class="scroll-content  has-header" scroll="false">
    <header id="header">
      <!--<div class="header-left" ng-click="goBack()">-->
      <!--<span></span>-->
      <!--</div>-->
      <a class="header-center">
        <span><input placeholder="请输入目的地或关键字"></span>
      </a>

      <div class="header-right">
        <span></span>
      </div>
    </header>
    <!-- 身体部分开始-->
    <nav id="nav">
      <ul>
        <li ng-class="$index==0?'nav-current':'nav-blur'" ng-repeat="item in categoryData"
            ng-click="categoryLeftClick($event);getCategoryDetailData(item.typeNumber)">{{item.name}}
        </li>
      </ul>
    </nav>
    <div id="pro">
      <ion-content>
        <!-- lazy-scroll-->
        <div class="pro-scroll">
          <div class="pro-warp">
            <!--<div class="banner">-->
            <!--<img ng-src="img/category/banner_1.jpg" alt="">-->
            <!--</div>-->
            <div class="content">
              <!--<div class="content-title">-->
              <!--<span>热卖品类</span>-->
              <!--</div>-->
              <div class="content-body">

                <li class="content-body-list" ng-repeat="item in categoryDetailData">
                  <!-- ui-sref="details({typeNumber:{{item.typeNumber}}})"-->
                  <!-- goodsList({typeNumber:{{item.typeNumber}}})-->
                  <a ng-href="#/details/{{item.typeNumber}}">
                    <img src="{{item.src}}" alt="{{item.title}}">
                  </a>
                  <!-- image-lazy-loader="lines"
                  image-lazy--->
                  <span><h4>{{item.title}}</h4></span>
                  <span><h5>{{item.content}}</h5></span>
                </li>
                <p class="" style="transform: perspective(600px) rotateX(0deg);">已加载显示完全部内容</p>
              </div>

              <!--<div class="content-title">-->
              <!--<span>冬季新品</span>-->
              <!--</div>-->
              <!--<div class="content-body">-->
              <!--<li class="content-body-list" ng-repeat="item in categoryDetailData">-->
              <!--<img image-lazy-src="{{item.src}}" alt="" image-lazy-loader="lines">-->
              <!--<span>{{item.name}}</span>-->
              <!--</li>-->
              <!--</div>-->
              <!--</div>-->
              <!--<div class="content-title">-->
              <!--<span>测试图片延迟加载</span>-->
              <!--</div>-->
              <!--<div class="content-body">-->
              <!--<li class="content-body-list">-->
              <!--<img image-lazy-src=" http://m.360buyimg.com/mobile/s100x100_jfs/t1921/153/128855719/34476/1ba02abc/55f12e38N94438a7f.jpg" alt="" image-lazy-loader="lines">-->
              <!--<span>猫粮</span>-->
              <!--</li>-->
            </div>
          </div>
        </div>
      </ion-content>

    </div>
  </ion-content>
</ion-view>

